﻿/*响应式效果*/
@media ( min-width:1180px ) and ( max-width:1300px ) {
	.container{
		max-width: 1160px;
	}
	.sy-pro-right{
		width: 74.7%;
	}
	.sy-pro-list img{
		height: 224px;
	}
	.head-menu .search{
		width: 325px;
	}
	.indexAdvantage ul li .info{
		margin-left: 26px;
	}
	.indexAdvantage ul li:nth-of-type(2n+2) .info{
		margin-right: 26px;
	}
	.syAppN{
		right: -10px !important;
	}
	.syAppP{
		left: -10px !important;
	}
	.syHonorN{
		right: -8px !important;
	}
	.syHonorP{
		left: -8px !important;
	}
	.syHzhbSwiper{
		width: 66% !important;
	}
	.sy-news-right .list{
		padding: 16px 26px;
	}
	.sy-news-left .box{
		padding: 15px 20px 24px;
	}
	.sy-news-left .list1 .info{
		margin-top: 20px;
	}
	.foot-ewm{
		margin-left: 20%;
	}
} 

@media ( min-width:1000px ) and ( max-width:1179px ) {
	.container{
		max-width: 960px;
	}
	.head-menu .search{
		width: 248px;
	}
	.head-menu .link li > a{
		width: 110px;
		font-size: 15px;
	}
	.sy-pro-left{
		width: 225px;
	}
	.sy-pro-right{
		width: 74.5%;
	}
	.sy-pro-list img{
		height: 158px;
	}
	.sy-pro-left .tel{
		padding: 25px 0 0 0;
	}
	.indexAdvantage ul li .info{
		width: 44%;
		margin-left: 30px;
	}
	.indexAdvantage ul li:nth-of-type(2n+2) .info{
		margin-right: 25px;
	}
	.sy-about-left .num-box .lb{
		margin-left: 25px;
		padding-left: 20px;
	}
	.syHzhbSwiper{
		width: 63%;
	}
	.foot-ewm{
		margin-left: 16%;
	}
	.sy-news-right .list{
		padding: 15.7px;
	}
}

/*手机效果*/
@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 2.4%;
	} 
	.head{
		padding: 8px 0; 
	}
	.head.fixedbg{
		position: fixed;
		top: 0;
	}
	.head .container{
		padding: 0;
	}
	.head-menu{
		display: none;
	}
	.head.fixedbg{
		padding: 8px 0; 
	} 
	.head .Logo{ 
		width: 10%;
	}
	.head .Logo-txt .txt1 h2{
		font-size: 22px;
		line-height:24px;
		margin:0; margin-top:5px;
	}
	.head .Logo-txt .txt2{
		display: none;
	}
	.head .Logo-txt .txt1 h6{
		font-size: 10px;
		line-height:14px;
		margin-top: 2px;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.head-tel{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	
	/*index*/
	.syBannerPag{
		bottom: 8px !important;
	}
	.indexProduct{
		padding:20px 0 15px;
	}
	.mt-sy-h2{
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 18px; margin-bottom:10px;
	}
	.mt-sy-h6{
		font-size: 14px;
		margin-top: 10px;
	}
	.indexProduct .container:nth-child(2){
		margin-top:5px;
	}
	.sy-pro-right .row{
		margin-left: 0;
		margin-right: 0;
	}
	.sy-pro-right .row .pdg:nth-of-type(2n+1){
		padding: 0 5px 0 0;
	}
	.sy-pro-right .row .pdg:nth-of-type(2n+2){
		padding: 0 0 0 5px;
	}
	.sy-pro-right .row .pdg:last-child{
		display: none;
	}
	.sy-pro-list img{ height:auto;}
	.sy-pro-list{
		margin-bottom: 10px;
	}
	.sy-pro-left{
		display: none;
	}
	.sy-pro-right{
		width: 100%;
		float: none;
	}
	.sy-pro-right h4{
		line-height: 42px;
		text-indent: 20px;
		font-size: 18px;
	}
	.sy-pro-list .tit{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		text-align: center;
		padding: 0 10px;
	}
	.sy-pro-list .tit span{
		top: 8px;
		display: none;
	}
	.indexAdvantage .titBox{
		background-size: cover;
		padding:20px 0;
	}
	.indexAdvantage .titBox .mt-sy-h2 span{
		font-size: 36px;
		margin-right: 2px;
	}
	.indexAdvantage ul li{width: 100%; margin-top:10px; margin-bottom:10px;}
	.indexAdvantage ul li .pic{
		width: 100%;
		float: none !important;
	}
	.indexAdvantage ul li .info{
		width: 96%;
		float: none !important;
		max-width: 100%;
		margin-left: 0;
		margin: 15px auto !important;
	}
	.indexAdvantage ul li .info .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.indexAdvantage ul li .info .subx p{
		margin-bottom: 15px;
		background: url(../images/sy-ys-jt.png) no-repeat left top 7px;
	}
	.indexAdvantage ul li .pic .biaoqian p{
		font-size: 20px;
		line-height:24px;
	}
	.indexAdvantage ul li .pic .biaoqian i{
		font-size: 20px;
	}
	.indexAdvantage ul li .pic .biaoqian{
		height: 106px;
		background-size: auto 100%;
	}
	.indexAdvantage ul li .pic img{
		height:auto !important;
	}
	.indexAdvantage ul li .info .title .txt{
		font-size: 20px;
		line-height: 30px;
	}
	.indexAdvantage ul li .info .title .num{
		font-size: 66px;
		line-height: 64px;
	}
	.indexAdvantage ul li .info .line{
		margin: 10px 0;
	}
	.indexApplication{
		padding: 20px 0;
	}
	.syAppSwiper{
		width: 100%;
		padding: 15px;
		padding-bottom: 40px;
	}
	.sy-app-list .tit{
		margin: 8px 0;
	}
	.sy-app-list{
		padding: 13px;
	}
	.sy-app-list .more{
		margin-top: 12px;
	}
	.syAppN, .syAppP{
		display: none;
	}
	.indexAbout{
		height: auto;
		padding: 30px 0; display: none;
	}
	.sy-about-left{
		width: 100%;
		float: none;
	}
	.sy-about-right{
		width: 100%;
		float: none;
		background: rgba(0,0,0,0.45);
		padding: 4%;
		border-radius: 10px;
		margin-top: 25px;
	}
	.sy-about-right h2{
		font-size: 20px;
	}
	.sy-about-right .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 15px;
		text-align: justify;
	}
	.sy-about-right .more{
		margin-top: 25px;
	}
	.sy-about-left h2{
		font-size: 24px;
		line-height: 30px;
	}
	.sy-about-left h6{
		font-size: 16px;
		line-height: 28px;
		margin-top: 15px;
	}
	.sy-about-left .num-box .lb{
		padding-left:2%;
		margin-left:3%;
		width:45%;
	}
	.sy-about-left .num-box .lb:first-child{margin-left:3%;}
	.sy-about-left .num-box .lb::after{
	content: "";
	position: absolute;
	width:4px;
	height:30px;
	background: #febc04;
	left: -2px;
	top: 0;
	z-index: 99;
	transition: all .5s ease;}
	.sy-about-left .num-box .lb .num sup {
    	font-size: 18px; 
		top: -13px;
	}
	.sy-about-left .num-box .lb .num span{
		font-size:34px;
		line-height:34px;letter-spacing:0px;
	}
	.sy-about-left .num-box{
		margin-top: 25px;
	}
	.sy-about-left .num-box .lb .num{
		font-size: 16px;
	}
	.sy-about-left .num-box .lb .txt{
		font-size: 16px;
		margin-top:8px;
	}
	.sy-about-left .sub{
	font-size: 14px; margin-left:3%; margin-right:3%;
	line-height:22px;
	margin-top:10px;
}
.sy-about-left .more{
	display: block;
	width: 148px;
	height: 45px;
	line-height: 45px;
	border-radius:5px;
	background: #cf150e;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-top:15px;margin-left:3%;
}
	.indexHonor{
		padding: 38px 0;
	}
	.sy-honor-show{
		margin-top: 25px;
		padding-bottom: 14px;
	}
	.syHonorSwiper{
		padding-bottom: 45px;
	}
	.syHonorN, .syHonorP{
		display: none;
	}
	.indexHonor .container:nth-child(2){
		margin-top: 25px;
	}
	.indexHonor .container:nth-child(2) .titBox{
		position: relative;
		width: 100%;
		padding: 4%;
	}
	.syHzhbSwiper{
		width: 100%;
		float: none;
	}
	.indexHonor .container:nth-child(2) .titBox .en{
		font-size: 24px;
		line-height: 28px;
	}
	.indexHonor .container:nth-child(2) .titBox .cn{
		font-size: 24px;
		line-height: 30px;
	}
	.syHzhbSwiper{
		padding: 12px 0;
	}
	.syHzhbN, .syHzhbP{
		width: 32px !important;
		height: 60px !important;
		line-height: 60px;
		margin-top: 0 !important;
		top: 13% !important;
	}
	.indexNews{
		padding: 38px 0;
	}
	.indexNews .container{
		margin-top: 25px;
	}
	.sy-news-left{
		width: 100%;
		float: none;
	}
	.sy-news-right{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.sy-news-left .list1 .pic{
		width: 100%;
		float: none;
	}
	.sy-news-left .list1 .info{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 0;
		padding: 4%;
	}
	.sy-news-left .list1 .info .tit{
		font-size: 18px;
	}
	.sy-news-left .list1 .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 12px;
	}
	.sy-news-left .list1 .info .more{
		margin-top: 16px;
	}
	.sy-news-left .list2{
		font-size: 14px;
		padding: 0 70px 0 16px;
	}
	.sy-news-left .list2 span{
		font-size: 12px;
	}
	.sy-news-right .list{
		padding: 4%;
	}
	.sy-news-right .list .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 12px;
	}
	
	/*ny*/
	.Nylocation{
		margin-top: 18px;
	}
	.Nylocation .now-wz{
		line-height: 36px;
		font-size: 12px;
	}
	.about{
		padding: 38px 0;
	}
	.about-cn{
		font-size: 24px;
		line-height: 30px;
	}
	.about-en{
		margin-top: 12px;
	}
	.about .info{
		width: 100%;
		float: none;
		padding: 5%;
	}
	.about .container:nth-child(2){
		margin-top: 25px;
	}
	.about .pic{
		width: 100%;
		position: relative;
	}
	.about .info .title{
		font-size: 20px;
	}
	.about .info .line{
		margin: 15px 0;
	}
	.about .info .cont{
		font-size: 14px;
		line-height: 26px;
	}
	.about .info img{ margin-right:0px; margin-bottom:10px;}
	.culture{
		padding: 38px 0;
	}
	.culture .row{
		margin-top: 25px;
	}
	.qywh-list{
		border-bottom: 1px solid rgba(255,255,255,0.5);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.qywh-list .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.product .sy-pro-list img{
		height: auto;
	}
	.productDe .imgShow{
		width: 100%;
		float: none;
	}
	.proDeSwiper{
		width: 78%;
	}
	.productDe .info{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.productDe .info .title{
		font-size: 18px;
		line-height: 28px;
	}
	.productDe .info .sub{
		font-size: 14px;
		line-height: 26px;
		height: auto;
		margin-top: 20px;
	}
	.productDe .info .ljzx{
		height: 43px;
		margin-top: 25px;
		line-height: 40px;
		font-size: 14px;
	}
	.product-tab .top-tit{
		line-height: 40px;
		font-size: 18px;
	}
	.product-tab{
		margin-top: 25px;
	}
	.productDe .info .ljzx i{
		font-size: 20px;
	}
	.pro-cpyy img{
		height: 130px;
	}
	.pro-cpyy .tit{
		font-size: 14px;
		line-height: 40px;
		padding: 0 10px;
	}
	.pro-cpyy{
		margin-bottom: 15px;
	}
	.application{
		padding: 38px 0;
	}
	.application .pro-cpyy img{
		height: auto;
	}
	.newsDe{
		padding: 38px 0;
	}
	.newsDe .title{
		font-size: 24px;
		line-height: 28px;
	}
	.newsDe .time{
		font-size: 12px;
		margin-top: 15px;
		padding-bottom: 15px;
	}
	.dePage{
		padding-top: 25px;
		margin-top: 25px;
	}
	.dePage a{
		width: 100%;
		float: none;
		margin-bottom: 5px;
		padding: 4%;
	}
	.news{
		padding: 20px 0 38px;
	}
	.news ul li{
		padding: 12px 0 0 0;
		border-bottom: 1px solid #e5e6e6;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.news ul li i{
		display: none;
	}
	.newsDe .cont{
		font-size: 14px;
		line-height: 26px;
	}
	.contact{
		padding: 38px 0;
	}
	.contact h2{
		font-size: 24px;
		line-height: 30px;
	}
	.contact h6{
		font-size: 14px;
		margin-top: 15px;
	}
	.contact .box{
		margin-top: 25px;
		height: auto;
		padding: 5%;
	}
	.contact .box .sub{
		float: none !important;
		margin-left: 0 !important;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.contact .box .sub:nth-child(2){
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.contact .box .sub{
		font-size: 14px;
		line-height: 24px;
	}
	.news ul li .info .tit{
		font-size: 18px;
		line-height: 25px;
	}
	.news .time{
		display: none;
	}
	.news .line{
		display: none;
	}
	.news ul li .info{
		width: 100%;
		float: none;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
} 